@keyframes myfirst {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	20% {
		left: 370rpx;
		top: 55rpx;
		/* transform: translate(20rpx,20rpx); */
	}

	40% {
		left: 370rpx;
		top: -770rpx;
	}

	60% {
		left: 60rpx;
		top: -770rpx;
		animation-duration: 2s;
	}

	80% {
		left: 60rpx;
		top: -850rpx;
	}

	100% {
		left: 150rpx;
		top: -850rpx;
	}
}

/* 第二个房间 */
@keyframes myfirst2 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	25% {
		left: 370rpx;
		top: 55rpx;
	}

	50% {
		left: 370rpx;
		top: -770rpx;
	}

	75% {
		left: 560rpx;
		top: -770rpx;
	}

	100% {
		left: 560rpx;
		top: -850rpx;
	}
}

/* 第3个房间 */
@keyframes myfirst3 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -580rpx;
	}

	100% {
		left: 80rpx;
		top: -580rpx;
	}
}

/* 第4个房间 */
@keyframes myfirst4 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -660rpx;
	}

	100% {
		left: 520rpx;
		top: -660rpx;
	}
}

/* 第5个房间 */
@keyframes myfirst5 {
	/* 	0% {
		left: 147rpx;
		top: 55rpx;
	} */

	20% {
		left: 370rpx;
		top: 55rpx;
	}

	40% {
		left: 370rpx;
		top: -400rpx;
	}

	60% {
		left: 470rpx;
		top: -400rpx;
	}

	80% {
		left: 470rpx;
		top: -530rpx;
	}

	100% {
		left: 550rpx;
		top: -530rpx;
	}
}

@function random($min,$max){
	@return `Math.round(Math.random() * ($max - $min) + $min)`;
}

/* 第6个房间 */
@keyframes myfirst6 {
	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -160rpx;
	}
	
	100% {
		left: 160rpx;
		top: -160rpx;
	}
}

/* 第7个房间 */
@keyframes myfirst7 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -270rpx;
	}

	100% {
		left: 600rpx;
		top: -270rpx;
	}
}

/* 第8个房间 */
@keyframes myfirst8 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -120rpx;
	}

	100% {
		left: 600rpx;
		top: -120rpx;
	}
}



/* 杀手动画 */
@keyframes killer_first {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	20% {
		left: 370rpx;
		top: 55rpx;
	}

	40% {
		left: 370rpx;
		top: -770rpx;
	}

	60% {
		left: 60rpx;
		top: -770rpx;
	}

	80% {
		left: 60rpx;
		top: -850rpx;
	}

	100% {
		left: 170rpx;
		top: -850rpx;
		/* background: url(@/static/images/kill_apng/s_1.png) no-repeat;
		background-size: cover; */
	}
}

/* 第二个房间 */
@keyframes killer_first2 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	25% {
		left: 370rpx;
		top: 55rpx;
	}

	50% {
		left: 370rpx;
		top: -770rpx;
	}

	75% {
		left: 560rpx;
		top: -770rpx;
	}

	100% {
		left: 580rpx;
		top: -850rpx;
	}
}

/* 第3个房间 */
@keyframes killer_first3 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -580rpx;
	}

	100% {
		left: 100rpx;
		top: -580rpx;
	}
}

/* 第4个房间 */
@keyframes killer_first4 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -660rpx;
	}

	100% {
		left: 540rpx;
		top: -660rpx;
	}
}

/* 第5个房间 */
@keyframes killer_first5 {
	/* 	0% {
		left: 147rpx;
		top: 55rpx;
	} */

	20% {
		left: 370rpx;
		top: 55rpx;
	}

	40% {
		left: 370rpx;
		top: -400rpx;
	}

	60% {
		left: 470rpx;
		top: -400rpx;
	}

	80% {
		left: 470rpx;
		top: -530rpx;
	}

	100% {
		left: 570rpx;
		top: -530rpx;
	}
}

/* 第6个房间 */
@keyframes killer_first6 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -160rpx;
	}

	100% {
		left: 180rpx;
		top: -160rpx;
	}
}

/* 第7个房间 */
@keyframes killer_first7 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -270rpx;
	}

	100% {
		left: 620rpx;
		top: -270rpx;
	}
}

/* 第8个房间 */
@keyframes killer_first8 {
	/* 0% {
		left: 147rpx;
		top: 55rpx;
	} */

	33.3% {
		left: 370rpx;
		top: 55rpx;
	}

	66.6% {
		left: 370rpx;
		top: -120rpx;
	}

	100% {
		left: 620rpx;
		top: -120rpx;
	}
}